.loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background-color: #f8f8f8;
  box-sizing: border-box;
  padding: 0 24rpx;
  overflow: hidden;
  .skeleton-text {
    height: 56rpx;
    background: #f0f0f0;
    border-radius: 12rpx;
  }
  .skeleton-text-1 {
    background: #f0f0f0;
    height: 36rpx;
    border-radius: 12rpx;
  }
  .skeleton-container {
    box-sizing: border-box;
    border-radius: 24rpx;
    padding: 20rpx;
    background-color: #fff;
  }
  .skeleton-container-2 {
    box-sizing: border-box;
    border-radius: 24rpx;
    padding: 20rpx;
    background-color: #f8f8f8;
  }
  .skeleton-avatar {
    display: flex;
    align-items: center;
    height: 96rpx;
    .avatar {
      width: 56rpx;
      height: 56rpx;
      border-radius: 50%;
      background-color: #f0f0f0;
      margin-right: 10rpx;
    }
    .avatar-text {
      height: 56rpx;
      width: 200rpx;
      background-color: #f0f0f0;
    }
  }
}
